<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jq</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="./js/layui/css/layui.css" media="all">
		<style>
			.layui-nav-tree {
				vertical-align: top;
			}
		</style>
	</head>
	<body>
		<div class="layui-layout layui-layout-admin">

			<div class="layui-header header header-demo" autumn>
				<div class="layui-fluid">

					<div class="layui-logo layui-hide-xs layui-bg-black">111</div>

					<ul class="layui-nav layui-layout-left" id="LAY_NAV_TOP">
						<li class="layui-nav-item layui-this">
							<a href="">示例</a>
						</li>
					</ul>

				</div>
			</div>


			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">

					<ul class="layui-nav layui-nav-tree site-demo-nav">

						<li class="layui-nav-item layui-nav-itemed">
							<a class="" href="javascript:;">work</a>
							<dl class="layui-nav-child">
								<dd class="">
									<a href="js.html">js</a>
								</dd>
								<dd class="layui-this">
									<a href="jQuery.html">jQuary</a>
								</dd>
								<dd class="">
									<a href="layui.html">layui</a>
								</dd>
							</dl>
						</li>

					</ul>

				</div>
			</div>
			<div class="layui-tab layui-tab-brief" lay-filter="demoTitle">
				<div class="layui-body layui-tab-content site-demo site-demo-body">
					<div class="layui-tab-item layui-show">
						<div class="layui-main">
							<div id="LAY_preview">

								姓名：<input type="text" id="inname" placeholder="姓名" /><br />
								性别：<label><input type="radio" name="sex" value="男" id="insex" checked />男</label>
								<label><input type="radio" name="sex" value="女" />女</label><br />
								爱好：<label><input id="inhobby1" type="checkbox" name="hobby" value="跑步" />跑步</label>
								<label><input id="inhobby2" type="checkbox" name="hobby" value="游泳" />游泳</label>
								<label><input id="inhobby3" type="checkbox" name="hobby" value="羽毛球" />羽毛球</label>
								<br />
								地址：<select id="inaddress">
									<option value="北京">北京</option>
									<option value="上海">上海</option>
								</select>
								<br />
								<button onclick="add();">添加</button>
								<br />
								姓名：<input id="name" type="text" /><br />
								地址：<select id="address" name="地址">
									<option value="全部">全部</option>
									<option value="北京">北京</option>
									<option value="上海">上海</option>
								</select>
								<button onclick="search();">搜索</button>
								<br />
								<table border="1px" width="90%">
									<thead>
										<td>ID</td>
										<td>姓名</td>
										<td>性别</td>
										<td>爱好</td>
										<td>地址</td>
										<td>操作</td>
									</thead>
									<tbody id="tbody"></tbody>

								</table>

								<div style="margin: 15px 0 100px; padding-bottom: 100px;">
									<ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px"
										data-ad-client="ca-pub-6111334333458862" data-ad-slot="6835627838"></ins>
								</div>
							</div>
						</div>

						<div id="LAY_democodejs">
							<script type="text/javascript" src="./js/jQuery.js"></script>
							<!-- <script type="text/javascript" src="./js/jquery-3.6.0.min.js"></script> -->
							<script type="text/javascript" src="./js/layui/layui.js"></script>
							<script>
								var element = layui.element;
								var $ =layui.jquery;
								element.on('nav(demo)', function(elem) {
									layer.msg(elem.text());
								});
							</script>
						</div>
	</body>
</html>
